
.exhibition-box{
    height: 10.42rem;
    border-radius: .12rem;
    .card{
        display: block;
        width: 6.89rem;
        height: 4.89rem;
        background: #1b1b1b;
        border: none;
        margin: 0 auto;
        flex-shrink: 0;
        .image {
            width: 100%;
            display: block;
            border-radius: .12rem;
        }
        .cardbottom{
            height: 1.51rem;
            padding: 0 .2rem;
            position: relative;
            transform: translateY(-0.16rem);
        }
        .title{
            line-height: .46rem;
            margin-top: .12rem;
        }
        .button {
            width: .92rem;
            height: .46rem;
            padding: 0;
            font-size: .22rem;
            color: white;
            background: #415f7b;
            border: none;
            border-radius: 50px 0 0 50px;
            position: absolute;
            right: 0;
            top: 1.51rem / 2 - .23rem;
        }
    }
    // card2
    .card:nth-child(2){
        width: 4.23rem;
        height: 5.55rem;
        transform: translateX(.11rem);
        .button{
            display: none;
        }
    }

    // card3
    .card:nth-child(3){
        width: 2.46rem;
        height: 5.55rem;
        transform: translateX(-.11rem);
        .button{
            display: none;
        }
    }
    .card:nth-child(2),.card:nth-child(3){
        .cardbottom{
            height: 1.26rem;
        }
        span{display: none;}
    }
}




